// map.js
// 导入地图的sdk
import qqMap from '../../../utils/qqmap'

Page({
  data: {
    markers: [
      {
        id: 1,
        latitude: 40.060539,
        longitude: 116.343847,
        width: 24,
        height: 30,
      },
      {
        id: 2,
        latitude: 40.086757,
        longitude: 116.328634,
        iconPath: '/static/images/marker.png',
        width: 40,
        height: 40,
      },
    ],
    polyline: [],
    dialogVisible: false
  },
  onLoad ({ id }) {
    // 获取报修详情
    this.getRepairDetail(id)
    this.createPolyLine()
  },
  // 获取报修详情接口
  async getRepairDetail (id) {
    // 请求接口
    const { code, data: repairDetail } = await wx.http.get('/repair/' + id)
    if (code !== 10000) return wx.utils.toast()
    // 渲染数据
    this.setData({
      ...repairDetail
    })
  },
  // 打开取消弹窗
  openDialog () {
    this.setData({
      dialogVisible: true
    })
  },
  // 关闭弹窗
  dialogClose (e) {
    console.log('e', e)
    // 判断点击确定时调用取消接口
    if (e.detail === 'confirm') this.cancelRepair()
  },
  // 取消接口
  async cancelRepair () {
    // 请求接口
    const { code } = await wx.http.put('/cancel/repaire/' + this.data.id)
    if (code !== 10000) return wx.utils.toast('取消报修失败!')
    // 跳转回到列表页
    wx.navigateBack()
  },
  // 编辑功能
  editRepair () {
    wx.navigateTo({
      url: '/repair_pkg/pages/form/index?id=' + this.data.id
    })
  },
  // 生成路线
  createPolyLine () {
    qqMap.direction({
      mode: 'bicycling',
      //from参数不填默认当前地址
      from: '40.060539,116.343847', // 传智播客
      to: '40.086757,116.328634', // （示例）云趣园1区
      success: (res) => {
        console.log(res)
        let ret = res
        let coors = ret.result.routes[0].polyline, pl = []
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        let kr = 1000000
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr
        }
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coors.length; i += 2) {
          pl.push({ latitude: coors[i], longitude: coors[i + 1] })
        }
        // 不需要关心插件干了啥  只关心得到的路线
        console.log('pl', pl)
        //设置polyline属性，将路线显示出来,将解压坐标第一个数据作为起点
        this.setData({
          polyline: [{
            points: pl,
            color: '#5591af',
            width: 4
          }]
        })
      },
      fail: function (error) {
        console.error(error)
      },
      complete: function (res) {
        console.log(res)
      }
    })
  }
})
